<template>
  <div class="welcome-div">
    <div class="mid-text-div">欢迎使用{{appName}}</div>
  </div>
</template>
<script>
  import pageUtils from '../../utils/page-title-utils'
  export default {
    name: 'dashboard',
    data() {
      return {
        appName:"",
      }
    },
    created() {
      this.appName = pageUtils.title;
    },
    methods: {

    }
  }
</script>
<style rel="stylesheet/scss" lang="scss">
  .welcome-div{
    width: 100%;
    height: calc(100vh - 84px);
    background: url('../../assets/image/power.jpg') no-repeat; //不重复
    background-size: 100% 100%;     // 满屏
    display: table;
    text-align: center;
    .mid-text-div{
      display: table-cell;
      vertical-align: middle;
      color: #032d6c;
      font-family: 楷体,serif;
      font-weight: bold;
      font-size: 64px;
      line-height: 64px;
    }
  }
</style>

